<div class="container">
    <div class="col-lg-offset-2 col-lg-8">

        <div class="clearfix" style="clear: both">

            <div ng-if="!articles || articles.length ==0" style="text-align: center;">暂无内容</div>
            <div ng-repeat="article in articles">
                <a href="/#/mediaDetail/{{article.id}}">
                    <div style="height: 100px; border-bottom: 1px lightgrey dotted;margin-top: 8px;">

                        <div  style="width: 120px; height: 80px; float:left; line-height: 60px">
                            <img  ng-src="{{article.cover_url}}" height="80px " width="120px">

                        </div>

                        <div style="width: 500px; float:left; margin-left: 20px">
                            <div class="" style="color: black;font-size: 16px">
                                {{article.title}}
                            </div>
                            <div class="" style="color: gray;margin-top: 10px; font-size: 14px">
                                {{article.description}}
                            </div>

                        </div>
                        <div class="" style="text-align: right; clear: both; color:gray; font-size: 12px">
                            {{article.update_at}}
                        </div>

                    </div>
                </a>

            </div>
            <div class="col-lg-12" ng-click="loadMore()" style="background-color: #EEEEEE; text-align: center;height: 30px;line-height: 30px;cursor:pointer">加载更多</div>
        </div>
    </div>
</div>